import Vue from 'vue'
import VueRouter from 'vue-router'
import iView from 'view-design'

import util from '@/libs/util'

import Setting from '@/setting'

import store from '@/store/index'

// 路由数据
import routes from './routes'

import { includeArray } from '@/libs/system'

Vue.use(VueRouter)

// 导出路由 在 main.js 里使用
const router = new VueRouter({
  routes,
  mode: Setting.routerMode
})

/**
 * 路由拦截
 * 权限验证
 */

router.beforeEach(async(to, from, next) => {
  if (Setting.showProgressBar) iView.LoadingBar.start()
    // 判断是否需要登录才可以进入
  if (to.matched.some((_) => _.meta.auth)) {
    // 这里依据 token 判断是否登录，可视情况修改
    const db = await store.dispatch('admin/db/database', {
      user: true
    })
    const token = util.cookies.get('token')
    const expiresTime = util.cookies.get('expires_time')
    const newTime = Math.round(new Date() / 1000)
    if (token && token !== 'undefined' && expiresTime > newTime) {
      next()
    } else {
      store.dispatch('admin/db/databaseClear', {
          user: true
        })
        // 没有登录的时候跳转到登录界面
        // 携带上登陆成功之后需要跳转的页面完整路径
      next({
        name: 'login',
        query: {
          redirect: to.fullPath
        }
      })
    }
    const access = db.get('unique_auth').value()
    const isPermission = includeArray(to.meta.auth, access)
    if (isPermission) {
      next()
    } else {
      console.log(to.meta)
      next({
        name: '403'
      })
    }
  } else {
    // 不需要身份校验 直接通过
    next()
  }
})

router.afterEach((to) => {
  if (Setting.showProgressBar) iView.LoadingBar.finish()
    // 多页控制 打开新的页面
  store.dispatch('admin/page/open', to)
    // 更改标题
  util.title({
      title: to.meta.title
    })
    // 返回页面顶端
  window.scrollTo(0, 0)
})

export default router